const graphData = {
  "cells": [
    {
      "position": {
        "x": 30,
        "y": 240
      },
      "size": {
        "width": 130,
        "height": 60
      },
      "attrs": {
        "image": {
          "xlink:href": "/img/wft4.f3e94624.png"
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "8f88da6e-4cde-43ef-9e66-409738a034ad",
      "zIndex": 1,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 41,
              "y": -1
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 83,
              "y": 59
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 42,
              "y": 61
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": 83,
              "y": -2
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "position": {
        "x": 220,
        "y": 310
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": ""
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "76f2591b-f2bf-4491-8d75-3879b57c67c6",
      "zIndex": 2,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 25,
              "y": -2
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 50,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 25,
              "y": 55
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": 1,
              "y": 27
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "1ce215e7-088b-4f54-8fc5-f3971f164a02",
      "router": {
        "name": "metro"
      },
      "zIndex": 3,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "8f88da6e-4cde-43ef-9e66-409738a034ad",
        "port": "port3"
      },
      "target": {
        "cell": "76f2591b-f2bf-4491-8d75-3879b57c67c6",
        "port": "port4"
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "efc35ac4-172a-4358-8184-30eabe1f1ccd",
      "router": {
        "name": "manhattan"
      },
      "zIndex": 4,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "8f88da6e-4cde-43ef-9e66-409738a034ad",
        "port": "port2"
      },
      "target": {
        "cell": "76f2591b-f2bf-4491-8d75-3879b57c67c6",
        "port": "port4"
      }
    },
    {
      "position": {
        "x": 395,
        "y": 310
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": "/img/wft1.7455c3fe.png"
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "82624ea5-0bef-4fcd-88a8-d18230c9e306",
      "zIndex": 5,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 25,
              "y": -5
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 55,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 25,
              "y": 55
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": 0,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "3bf4d12c-5f45-4352-8e3f-47e96336850d",
      "router": {
        "name": "metro"
      },
      "zIndex": 6,
      "source": {
        "cell": "76f2591b-f2bf-4491-8d75-3879b57c67c6",
        "port": "port2"
      },
      "target": {
        "cell": "82624ea5-0bef-4fcd-88a8-d18230c9e306",
        "port": "port4"
      }
    },
    {
      "position": {
        "x": 738,
        "y": 221
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": ""
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "ddf5fc3a-1a6c-4ec3-b589-f37b0551af75",
      "zIndex": 7,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 25,
              "y": 17
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 55,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 25,
              "y": 55
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": -5,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "position": {
        "x": 927,
        "y": 310
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": ""
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "099a8340-2726-491f-accc-0d765d9c0072",
      "zIndex": 8,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 25,
              "y": 7
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 50,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 25,
              "y": 55
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": 2,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "position": {
        "x": 738,
        "y": 136
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": ""
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "5220a101-6f14-467e-9dff-2af00d5c3784",
      "zIndex": 9,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 25,
              "y": -5
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 55,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 25,
              "y": 34
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": -5,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "position": {
        "x": 927,
        "y": 65
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": ""
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "0b002872-482b-48b5-b9b9-2326060b7e7f",
      "zIndex": 10,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 25,
              "y": -5
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 50,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 25,
              "y": 55
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": 1,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "97d8d5f7-53ad-44e7-9c1f-00c0dd623efe",
      "router": {
        "name": "metro"
      },
      "zIndex": 11,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "82624ea5-0bef-4fcd-88a8-d18230c9e306",
        "port": "port2"
      },
      "target": {
        "cell": "099a8340-2726-491f-accc-0d765d9c0072",
        "port": "port4"
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "b7f7142e-1198-4cce-8477-a9ffc0f2bdb2",
      "router": {
        "name": "manhattan"
      },
      "zIndex": 12,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "099a8340-2726-491f-accc-0d765d9c0072",
        "port": "port1"
      },
      "target": {
        "cell": "ddf5fc3a-1a6c-4ec3-b589-f37b0551af75",
        "port": "port2"
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "e295c2af-38a3-4e10-ba28-53e6d03c60e9",
      "router": {
        "name": "metro"
      },
      "zIndex": 13,
      "source": {
        "cell": "ddf5fc3a-1a6c-4ec3-b589-f37b0551af75",
        "port": "port1"
      },
      "target": {
        "cell": "5220a101-6f14-467e-9dff-2af00d5c3784",
        "port": "port3"
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "f80622c7-6d32-4709-a430-9a797f9c2fa7",
      "router": {
        "name": "manhattan"
      },
      "zIndex": 14,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "5220a101-6f14-467e-9dff-2af00d5c3784",
        "port": "port2"
      },
      "target": {
        "cell": "0b002872-482b-48b5-b9b9-2326060b7e7f",
        "port": "port4"
      }
    },
    {
      "angle": 90,
      "position": {
        "x": 1090,
        "y": 117
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": ""
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "5b0d2a11-f569-4640-b68d-7eb2f8b8e267",
      "zIndex": 15,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 22,
              "y": -5
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 51,
              "y": 27
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 34,
              "y": 48
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": -1,
              "y": 28
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "angle": 90,
      "position": {
        "x": 1090,
        "y": 188
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": ""
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "9ad4ecee-52d4-4ab6-bb23-5fd351fc7301",
      "zIndex": 16,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 57,
              "y": -5
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 55,
              "y": 27
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 25,
              "y": 55
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": 1,
              "y": 27
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "angle": 90,
      "position": {
        "x": 1090,
        "y": 258
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": ""
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "b0f226c6-129c-421a-892f-dcd4aab3156e",
      "zIndex": 17,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 25,
              "y": 6
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 51,
              "y": 28
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 25,
              "y": 75
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": 1,
              "y": 27
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "bb7dc425-824f-4d95-a92f-8a597d7c4ac7",
      "router": {
        "name": "metro"
      },
      "zIndex": 18,
      "source": {
        "cell": "5b0d2a11-f569-4640-b68d-7eb2f8b8e267",
        "port": "port2"
      },
      "target": {
        "cell": "9ad4ecee-52d4-4ab6-bb23-5fd351fc7301",
        "port": "port4"
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "cd1c6c87-a1d1-4cbc-9df0-a4f1f6265555",
      "router": {
        "name": "metro"
      },
      "zIndex": 19,
      "source": {
        "cell": "9ad4ecee-52d4-4ab6-bb23-5fd351fc7301",
        "port": "port2"
      },
      "target": {
        "cell": "b0f226c6-129c-421a-892f-dcd4aab3156e",
        "port": "port4"
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "cb708b8c-5859-4d57-b668-61535006577b",
      "router": {
        "name": "metro"
      },
      "zIndex": 20,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "b0f226c6-129c-421a-892f-dcd4aab3156e",
        "port": "port2"
      },
      "target": {
        "cell": "099a8340-2726-491f-accc-0d765d9c0072",
        "port": "port2"
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "9043df28-592a-41f2-bd48-66c6ce106ec8",
      "router": {
        "name": "metro"
      },
      "zIndex": 21,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "5b0d2a11-f569-4640-b68d-7eb2f8b8e267",
        "port": "port4"
      },
      "target": {
        "cell": "0b002872-482b-48b5-b9b9-2326060b7e7f",
        "port": "port2"
      }
    },
    {
      "position": {
        "x": 410,
        "y": 45
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": ""
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "24418a83-7506-49b1-9f89-65e56445e5ab",
      "zIndex": 22,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 25,
              "y": -5
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 51,
              "y": 27
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 25,
              "y": 55
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": 1,
              "y": 27
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "419bec83-4e5e-428b-a286-42c365f18da8",
      "router": {
        "name": "metro"
      },
      "zIndex": 23,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "24418a83-7506-49b1-9f89-65e56445e5ab",
        "port": "port2"
      },
      "target": {
        "cell": "0b002872-482b-48b5-b9b9-2326060b7e7f",
        "port": "port4"
      }
    },
    {
      "position": {
        "x": 272,
        "y": 129
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": "/img/wft1.7455c3fe.png"
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "fc87ea57-c332-44f0-a371-6b5511577664",
      "zIndex": 24,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 25,
              "y": -5
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 55,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 25,
              "y": 55
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": 2,
              "y": 23
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "d06babac-534b-4879-99fb-b8073fd18898",
      "router": {
        "name": "orth"
      },
      "zIndex": 25,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "24418a83-7506-49b1-9f89-65e56445e5ab",
        "port": "port4"
      },
      "target": {
        "cell": "fc87ea57-c332-44f0-a371-6b5511577664",
        "port": "port2"
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "06c2f729-352d-4539-a96d-a16ad8aa68f7",
      "router": {
        "name": "manhattan"
      },
      "zIndex": 26,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "8f88da6e-4cde-43ef-9e66-409738a034ad",
        "port": "port1"
      },
      "target": {
        "cell": "fc87ea57-c332-44f0-a371-6b5511577664",
        "port": "port4"
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "b9f6371c-2d38-4a42-8c94-79cf278da2a9",
      "router": {
        "name": "manhattan"
      },
      "zIndex": 27,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "8f88da6e-4cde-43ef-9e66-409738a034ad",
        "port": "port4"
      },
      "target": {
        "cell": "fc87ea57-c332-44f0-a371-6b5511577664",
        "port": "port4"
      }
    },
    {
      "angle": 270,
      "position": {
        "x": 358,
        "y": 188
      },
      "size": {
        "width": 52,
        "height": 52
      },
      "attrs": {
        "image": {
          "xlink:href": "/img/wft1.7455c3fe.png"
        },
        "custom_attr": {
          "deviceType": "",
          "status": 0
        }
      },
      "visible": true,
      "shape": "image",
      "id": "d36e8136-f87f-4e9e-825f-29770c678ee7",
      "zIndex": 28,
      "ports": {
        "groups": {
          "top": {
            "position": {
              "name": "absolute"
            }
          },
          "right": {
            "position": {
              "name": "absolute"
            }
          },
          "bottom": {
            "position": {
              "name": "absolute"
            }
          },
          "left": {
            "position": {
              "name": "absolute"
            }
          }
        },
        "items": [
          {
            "id": "port1",
            "group": "top",
            "args": {
              "x": 25,
              "y": -5
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port2",
            "group": "right",
            "args": {
              "x": 55,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port3",
            "group": "bottom",
            "args": {
              "x": 4,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          },
          {
            "id": "port4",
            "group": "left",
            "args": {
              "x": -5,
              "y": 25
            },
            "attrs": {
              "circle": {
                "r": 4,
                "magnet": true,
                "stroke": "#5F95FF",
                "strokeWidth": 1,
                "fill": "#fff",
                "style": {
                  "visibility": "hidden"
                }
              }
            }
          }
        ]
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "6073fe87-7745-4e3d-965d-f3156a54a6ca",
      "router": {
        "name": "metro"
      },
      "zIndex": 29,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "d36e8136-f87f-4e9e-825f-29770c678ee7",
        "port": "port4"
      },
      "target": {
        "cell": "76f2591b-f2bf-4491-8d75-3879b57c67c6",
        "port": "port2"
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "f805d1a8-c881-46b5-87b4-6e26147bdaba",
      "router": {
        "name": "metro"
      },
      "zIndex": 30,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "d36e8136-f87f-4e9e-825f-29770c678ee7",
        "port": "port3"
      },
      "target": {
        "cell": "82624ea5-0bef-4fcd-88a8-d18230c9e306",
        "port": "port4"
      }
    },
    {
      "shape": "double-edge",
      "attrs": {
        "line": {
          "stroke": "#cfe7f2",
          "targetMarker": null,
          "strokeDasharray": 0,
          "style": {
            "animation": "ant-line 0s infinite linear"
          }
        },
        "outline": {
          "stroke": "#456d89",
          "strokeWidth": 7
        }
      },
      "id": "240ac1fb-9930-4d12-bb24-0768e2645468",
      "router": {
        "name": "metro"
      },
      "zIndex": 31,
      "connector": {
        "name": "rounded"
      },
      "source": {
        "cell": "d36e8136-f87f-4e9e-825f-29770c678ee7",
        "port": "port2"
      },
      "target": {
        "cell": "fc87ea57-c332-44f0-a371-6b5511577664",
        "port": "port2"
      }
    }
  ]
}

export default graphData
